<#assign basePath=site.url>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; UTF-8">
<title>本水轩</title>
<!--[if lt IE 9]>
<script src="${resSys}/html5.js" type="text/javascript"></script>
<![endif]-->
<link href="/${res}/css/html5.css" rel="stylesheet" type="text/css"/>
<script src="/${res}/js/indexshow.js" type="text/javascript"></script>
<script src="/${res}/js/imgFlip.js" type="text/javascript"></script>

<link href="${resSys}/front.css" rel="stylesheet" type="text/css"/>
<script src="${resSys}/jquery.js" type="text/javascript"></script>
<script src="${resSys}/front.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
	Cms.siteFlow("${base}", location.href, document.referrer);
});
</script>
<link href="${basePath}/plug/FlexSlider/flexslider.css" rel="stylesheet" type="text/css"/>
<script src="${basePath}/plug/FlexSlider/jquery.flexslider.js" type="text/javascript"></script>
<script src="${basePath}/plug/FlexSlider/jquery.easing.js" type="text/javascript"></script>
<script src="${basePath}/plug/FlexSlider/jquery.mousewheel.js" type="text/javascript"></script>

<script type="text/javascript">
$(window).load(function() {
  $('.flexslider').flexslider({
    animation: "slide"
  });
});
</script>
<style type="text/css">

.row {
	margin-right: -12px;
	margin-left: -12px
}

.row:before,.row:after {
	display: table;
	content: " "
}

.row:after {
	clear: both
}

.row:before,.row:after {
	display: table;
	content: " "
}

.row:after {
	clear: both
}
.footrow{
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
	margin:0px;
	float: left;
	width: 11.11%;
	padding-top: 2px;
	padding-bottom: 2px;
}


html{

 font-family: Arial, "宋体";
}
body {
 font-family: Arial, "宋体";
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background-image: url("${basePath}img/bgg.jpg");
	font-size: 13px;
}

.nav {
	margin: 0px;
	margin-top: -3px;
	padding: 0px;
	width: 940px;
	height: 99px;
	clear: both;
	background-image: url("${basePath}img/nav02.png");
	background-repeat: no-repeat;
	padding: 0px;
}

.none {
	margin: 0px;
	padding: 0px;
	background-color: red;
}

.nav li {
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.content {
	background-image: url("${basePath}img/contentbg.jpg");
	width: 940px;
	clear: both;
	height: 680px;
}

.content1 {
	margin-left: 8px;
	margin-right: 8px;
	width: 282px;
	height: 495px;
	float: left;
	background-image: inherit;
}

.content1head {
	background-image: url("${basePath}img/content_left_bg.png");
	background-repeat: no-repeat;
	font-size: 13px;
	color: white;
	width: 92px;
	height: 23px;
	padding-left: 15px;
	padding-top: 8px;
	float: left;
}

.content1headmore {
	background-image: url("${basePath}img/content_left_right_bg.png");
	background-repeat: no-repeat;
	font-size: 12px;
	color: white;
	width: 42px;
	height: 23px;
	padding-left: 6px;
	padding-top: 5px;
	float: right;
	margin-top: 6px;
}

.content1content {
	background-image: url("${basePath}img/di02.jpg");
	height: 453px;
	margin-top: 2px;
	clear: both;
}

.border-tb {
	border-top-color: #bcbd9d;
	border-top-style: solid;
	border-top-width: 2px;
	border-bottom-color: #bcbd9d;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

.borderdiv {
	background-color: #bcbd9d;
	height: 2px;
}

.content1content ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.content1content ul li {
	list-style: none;
	padding: 0px;
	height: 18px;
}

.content1content ul li a {
	padding: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.content1content ul li a:link {
	color: #000000;
}

.content1content ul li a:visited {
	color: #000000;
}

.content1content ul li a:hover {
	color: #640001;
	background-color: white;
}

.content1content ul li a:active {
	color: #000000;
}

.aa {
	opacity: 0.10;
	-moz-opacity: 0.10;
	filter: alpha(opacity = 10);
	background: #1d1e22;
}

.content1content ul {
	color: #000000;
	font-size: 13px;
	margin: 0px;
}

.spanleft {
	float: left;
}

.spanright {
	float: right;
}

.content2 {
	width: 409px;
	height: 495px;
	float: left;
	background-image: inherit;
	margin-right: 8px;
}

.content2content1 {
	background-image: url("${basePath}img/di02.jpg");
	width: 409px;
	height: 225px;
	margin-top: 25px;
	position: relative;
	overflow: hidden;
}

.content2content1 span {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 180px;
	height: 100px;
}

.content2img {
	width: inherit;
	height: inherit;
	position: relative;
	left: -50%;
	top: -50%;
}

.content2content2 {
	width: 409px;
	height: 100px;
	margin-top: 8px;
}

.content2content2content {
	background-image: url("${basePath}img/di02.jpg");
	clear: both;
	width: 409px;
	height: 77px;
}

.content2content3 {
	width: 409px;
	height: 100px;
	margin-top: 20px;
}

.content2content3content {
	background-image: url("${basePath}img/di02.jpg");
	clear: both;
	width: 409px;
	height: 76px;
}

.content3 {
	width: 197px;
	height: 495px;
	float: left;
	background-image: inherit;
}

.content3content1 {
	width: 197px;
	height: 224px;
	clear: both;
}

.content3content1content {
	background-image: url("${basePath}img/di02.jpg");
	clear: both;
	height: 200px;
	width: 216px;
}

.content3content2 {
	width: 216px;
	height: 231px;
	margin-top: 20px;
}

.content3content2content {
	background-image: url("${basePath}img/di02.jpg");
	clear: both;
	height: 209px;
	width: 216px;
}

.center {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	clear: both;
	text-align: center;
}

.hezuo {
	margin-top: 0px;
	clear: both;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 924px;
}

.hezuohead {
	background-image: url("${basePath}img/hezuobg.jpg");
	background-repeat: no-repeat;
	height: 29px;
	width: 924px;
}

.hezuoheadtext1 {
	color: white;
	float: left;
	margin-left: 25px;
	margin-top: 5px;
	font-size: 13px;
}

.hezuocentent {
	background-image: url("${basePath}img/di02.jpg");
	clear: both;
	height: 83px;
	width: 924px;
	padding-top: 15px;
}


.nav1 {
	margin-left: 43px;
}

a {
	border: 0px;
}

a:active {
	border: 0px;
}

a:link {
	border: 0px;
}

a:hover {
	
}

.aindex:active {
	border: 0px;
	background-image: url("${basePath}img/nav01.jpg");
	width: 122px;
	height: 70px;
}

.aindex:link {
	border: 0px;
	background-image: url("${basePath}img/nav02.jpg");
	width: 122px;
	height: 70px;
}

.aindex:hover {
	background-image: url("${basePath}img/nav01.jpg");
	width: 122px;
	height: 70px;
}

img {
	border: none;
}

ul {
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

ul li {
	list-style: none;
	clear: both;
}

.foot {
	background-image: url("${basePath}img/foot_bg.jpg");
	width: 940px;
	height: 116px;
}
</style>
</head>
<body>
	<#include "headimg.html">
	<#include "nav.html">
	<div class="content">
		<div>
			<div class="content1">
				<div class="content1head">新闻动态</div>
				<div class="content1headmore">更多</div>
				<div class="borderdiv" style="margin-top: 25px;"></div>
				<div class="content1content">
					<ul>
					 <@cms_content_list count='25' titLen='15' orderBy='0' channelOption='1'>
						<#list tag_list as a>
						<li><a href="${a.url}"><div><span class="spanleft"><@text_cut s=a.title len=titLen append=append/></span><span class="spanright"> [${a.date?string('yyyy-MM-dd')}]</span></div></a></li> </#list>
					</ul>
                      </@cms_content_list>
				</div>
				<div class="borderdiv" style="margin-top: 2px;"></div>
			</div>
			<div class="content2">

				<div class="content2content1 flexslider">
					    <ul  class="slides" id="slidesImgs">
                                    <@cms_content_list count='5' orderBy='4' typeId='3' titLen='18' channelOption='1' channelId='1'>
                                    <#list tag_list as a]
                                    <li>
                                        <a href="${a.url}" target="_blank">
                                        <img src="${a.typeImg!site.defImg}" alt="${a.title}" width="100%" />
                                        </a>
                                        <span class="title">
                                        <@text_cut s=a.title len=titLen />
                                        </span>
                                    </li>
                                    </#list>
                                    </@cms_content_list>
                                    </ul>
				</div>
				<div class="content2content2">
					<div style="clear: both; position: absolute; width: 409px;">
						<div class="content1head">画廊新闻</div>
						<div class="content1headmore">更多</div>
						<div class="borderdiv" style="margin-top: 25px;"></div>
						<div class="content2content2content">
							<ul>
								<@cms_content_list count='4' channelId="1" titLen='15' orderBy='0' channelOption='1'>
						         <#list tag_list as a>
								<li><a href="${a.url}"><span class="spanleft"><@text_cut s=a.title len=titLen append=append/></span><span class="spanright">[${a.date?string('yyyy-MM-dd')}]</span></a></li> </#list>
							 </@cms_content_list>
							</ul>

						</div>
						<div class="borderdiv" style="margin-top: 1px;"></div>
					</div>
				</div>
				<div class="content2content3">
					<div style="clear: both; position: absolute; width: 409px;">
						<div class="content1head">专题讲解</div>
						<div class="content1headmore">更多</div>
						<div class="borderdiv" style="margin-top: 25px;"></div>
						<div class="content2content3content">
							<ul>
								<@cms_content_list count='4' channelId="1" titLen='15' orderBy='9' channelOption='1'>
						         <#list tag_list as a>
								<li><a href="${a.url}"><span class="spanleft"><@text_cut s=a.title len=titLen append=append/></span><span class="spanright">[${a.date?string('yyyy-MM-dd')}]</span></a></li> </#list>
							 </@cms_content_list>
							</ul>

						</div>
						<div class="borderdiv" style="margin-top: 1px;"></div>
					</div>
				</div>
			</div>
			<div class="content3">
				<div class="content3content1">
					<div style="clear: both; position: absolute;">
						<div class="content1head">艺术家排行</div>
						<div class="content1headmore">更多</div>
						<div class="borderdiv"
							style="margin-top: 25px; margin-bottom: 2px;"></div>
						<div class="content3content1content ">
							<ul>
								<#list 1..12 as t>
								<li><a href="index.jsp">${t}测试 测试测试测试测试测</a></li> </#list>
							</ul>

						</div>
						<div class="borderdiv" style="margin-top: 1px;"></div>
					</div>
				</div>
				<div class="content3content2"
					style="clear: both; position: absolute;">
					<div class="content1head">收藏指南</div>
					<div class="content1headmore">更多</div>
					<div class="borderdiv" style="margin-top: 25px;"></div>
					<div class="content3content2content">
						<ul>
							<#list 1..13 as t>
							<li><a href="index.jsp">${t}测试 测试测试测试测试测</a></li> </#list>
						</ul>

					</div>
					<div class="borderdiv" style="margin-top: 1px;"></div>
				</div>
			</div>
		</div>
		<div class="hezuo">
			<div class="hezuohead">
				<div class="hezuoheadtext1">合作伙伴</div>

			</div>
			<div class="hezuocentent row" style="margin-left: 0px;">
			 <@cms_friendlink_list>
             <#list tag_list as link>
				 <a href="${link.domain}" onclick="$.get('${base}/friendlink_view.jspx?id=${link.id}')" target="_blank" class="footrow">${link.name}</a>
			 </#list>
             </@cms_friendlink_list>
			</div>
		</div>
		<div class="foot">
			<div style="text-align: center; padding-top: 60px;">© 本水轩 |
				粤ICP备12009483号-3  <@process_time/></div>
		</div>
	</div>
</body>
</html>